<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新用户注册-金融链</title>
		<meta name="Keywords" content="金融链注册，金融链注册登录，金融链账号申请"/>
		<meta name="description" content="金融融致力于打造开放、共享的互联网科技金融平台，携手知名渠道产品合作，提供优质业务信息服务，为您提供更好的展业服务体验。金融链全面招募合伙人正式开启。"/>
		<link rel="shortcut icon" type="image/x-icon" href="//s10.realdtech.com/finchain/finchain-zhaoshang/img/favicon-logo.ico" />
		<link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" type="text/css" href="//s10.realdtech.com/finchain/finchain-zhaoshang/css/base.css" />
		<link rel="stylesheet" type="text/css" href="//s10.realdtech.com/finchain/finchain-zhaoshang/css/public.css" />
		<link rel="stylesheet" type="text/css" href="//s10.realdtech.com/finchain/finchain-zhaoshang/css/bussinessRegister.css"/>
		<!--[if lte IE 8]>
            <script>window.location.href='http://cdn.dmeng.net/upgrade-your-browser.html?referrer='+location.href;</script>
        <![endif]-->
		<script src="//s10.realdtech.com/finchain/finchain-zhaoshang/js/public.js"></script>
	</head>
	<body>
	<div id="container">
		<!--头部-->
		<div id="header">
				<div class="header-top">
					<div class="inner">
						<ul>
							<li><a href="index"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/home.png"/>金融链</a></li>
							<li><a href="join"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/zhaoshang.png"/>招商加盟</a></li>
							<li><a href="#">金融链-让天下没有难贷的款</a></li>
						</ul>
						<ul style="float: right;">
							<li class="weixin">
								<a href="#"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/weixin.png"/>微信公众号</a>
								<div class="weixinImg">
									<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/erweima.png"/>
								</div>
							</li>
							<li><a href="#"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/tel.png"/>招商热线：<span class="hot">400-606-9989</span></a></li>
						</ul>
					</div>
				</div>
				<div class="header-bottom">
					<div class="logo">
						<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/logo.png"	/>
					</div>
					<div class="address">
						城市/<span class="addLocation">郑州</span>
						<div class="switchCity">
							切换城市
							<div class="publicHeight">
								<div class="publicCitys">
									<div>进入城市</div>
									<div>
										<a href="#">北京</a>
										<a href="#">上海</a>
										<a href="#">重庆</a>
										<a href="#">天津</a>
										<a href="#">广州</a>
										<a href="#">青岛</a>
										<a href="#">深圳</a>
										<a href="#">合肥</a>
										<a href="#">南昌</a>
										<a href="#">贵阳</a>
										<a href="#">福州</a>
										<a href="#">西安</a>
										<a href="#">南京</a>
										<a href="#">郑州</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="login-register" style="float: right;">
						<a href="#">登录入口</a><a href="bussinessRegister">企业注册</a>
					</div>
					<div class="nav" style="float: right;">
						<ul>
							<li><a href="index" style="margin-left: 0;">金融链</a></li>
							<li><a href="productShow">渠道展示</a></li>
							<li><a href="businessShow">业务展示</a></li>
							<li><a href="infomationCenter">资讯中心</a></li>
							<li><a href="join">招商加盟</a></li>
						</ul>
					</div>
				</div>
			</div>
		
		<!--内容-->
		<div class="register-container">
			<div class="register-content">
				<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/register-pic.jpg">
				<div class="register-bg">
					<h2>企业注册</h2>
					<p></p>
					<i class="tip"></i>
					<form id="form" action="register" method="post" data-am-validator>
						<div  class="am-form" >
					  <fieldset>
					    <div class="am-form-group">
					      <input type="text" id="fullName" name="fullName" placeholder="请输入您的公司全称"/>
					    </div>
					    <div class="am-form-group">
					      <input type="text" id="name" name="name" placeholder="请输入您姓名"/>
					    </div>
					
					    <div class="am-form-group">
					      <input type="text" id="email" name="email" placeholder="输入您的邮箱"/>
					    </div>
					
					    <div class="am-form-group">
					      <input type="text"   id="phone" name="phone" placeholder="请输入您的手机号码"/>
					    </div>
					    <div class="am-form-group">
					      <input type="text" class="getVerifycode" id="vertifyCode" name="vertifyCode" placeholder="请输入手机验证码"/>
					      <a  id="getVerifycode" onclick="sendMsg">获取短信验证码</a>
					    </div>
					    <div class="am-form-group">
					    	<button class="am-btn am-btn-secondary submit disabled" disabled=""  id="submit">立即注册</button>
					    </div>
					     <div class="am-form-group">
					      <input type="checkbox" checked="checked" id="checkbox" />
					      <span>我已同意<a href="agreement.html">《金融链注册协议》</a></span>
					    </div>
					  </fieldset>
						</div>
					</form>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		
		<!--底部-->
		<div id="footer">
				<div class="footer-con">
					<div class="footer-con-top">
						<div class="product">
							<h4>渠道展示</h4>
							<ul>
								<li><a href="productShow?ck=0">信用贷款</a></li>
								<li><a href="productShow?ck=1">车辆贷款</a></li>
								<li><a href="productShow?ck=2">房屋贷款</a></li>
								<li><a href="productShow?ck=3">企业贷款</a></li>
							</ul>
						</div>
						<div class="product">
							<h4>招商加盟</h4>
							<ul>
								<li><a href="join">品牌实力</a></li>
								<li><a href="join">雄厚资源</a></li>
								<li><a href="join">服务人群</a></li>
								<li><a href="join">盈利模式</a></li>
								<li><a href="join">合作流程</a></li>
							</ul>
						</div>
						<div class="product-bot">
							<ul>
								<li><a href="businessShow">业务展示</a></li>
								<li><a href="infomationCenter">资讯中心</a></li>
								<li><a href="contactUs.html">联系我们</a></li>
								<li><a href="calculator.html">贷款计算器</a></li>
							</ul>
							<a href="join_apply.html">渠道入驻</a>
						</div>
						<div class="product-bot">
							<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/erweima.png" alt="" />
							<p>扫一扫关注微信公众号</p>
						</div>
						<div class="product-bot">
							<p class="special-p">招商热线：</p>
							<h4>400-606-9989</h4>
							<p>（仅工作日：09:00~18:00）</p>
							<p class="special-p" style="margin-top: 10px;">地址：</p>
							<p style="text-align: left;">河南省郑州市郑东新区康宁街与普济路交叉口威斯顿广场</p>
						</div>
					</div>
					<div class="footer-con-mid">
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-1.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-2.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-3.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-4.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-5.png" alt="" /></div>
					</div>
				</div>
				<div class="footer-con-bot">版权所有&copy;真金网络科技（北京）有限公司 京ICP备16027759 号-2</div>
			</div>
		</div>
	</div>
	</body>
	<script src="//static1.finchain.cc/lib/amazeui/v2.7.2/js/jquery.min.js"></script>
	<script src="//static1.finchain.cc/jquery.form.js" type="text/javascript" charset="utf-8"></script>
	<script>
	//头部导航切换
	$(".publicCitys a").click(function(){
			$(".addLocation").text($(this).text())
		})

		var $fullName = $("#fullName");
		var $name = $("#name");
		var $email = $("#email");
		var $phone = $("#phone");
		var $vertifyCode = $("#vertifyCode");
		//电话号码判断
		var phone = /^1((3|5|7|8))\d{9}$/;
		var email =/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/;
		
		//倒计时
		function countdown(){
			var s = 60;
			var timer = setInterval(function() {
				s--;
				if(s > 0) {
					document.getElementById("getVerifycode").innerText = s + "s";
					$("#getVerifycode").css("background","#dddddd");
				} else {
					$('#getVerifycode').removeAttr("disabled");
					$("#getVerifycode").css("background","#18BDF0");
					document.getElementById("getVerifycode").innerText = '重新获取';
					clearInterval(timer);
					flag=true;
				}
			}, 1000);
		}

		//点击验证码按钮  如果电话号码为空有一个提示  输入的电话号码正确   就请求发送验证码
		var flag=true;
		$("#getVerifycode").on("click",function(){
		    if(flag){
                if($("#phone").val() == "" || !/^1((3|5|7|8))\d{9}$/.test($("#phone").val())){
                    $(".tip").text("*您输入的手机号码不正确");
                    setTimeout(function(){
                        $(".tip").text("");
                    },3000);
                }else{
                    if (/^1((3|5|7|8))\d{9}$/.test($("#phone").val())){
                        //获取手机验证码并验证是否正确
                        $.ajax('sendMsg', {
                            url:"register",
                            data: {
                                phone:$("#phone").val()
                            },
                            type: 'post',
                            dataType: 'json',
                            success: function(data) {
                                if(data.success == true) {
                                    countdown();
                                    flag=false;
                                } else {
                                    $('#getVerifycode').removeAttr("disabled");
                                }
                            },
                            error: function(xhr, type, error) {
                                $('#getVerifycode').removeAttr("disabled");
                            }
                        })
                    }
                }
			}
		})
		//失去焦点 对每一个表单的验证
		$fullName.blur(function(){
			btn_submit();
		});
		$name.blur(function(){
			btn_submit();
		});
		$email.blur(function(){
			if(!email.test($email.val())) {
				$(".tip").text("*您输入的邮箱不正确");
					setTimeout(function(){
						$(".tip").text("");
					},3000);
				btn_submit();
			} else {
				btn_submit();
			}
		})
		
		$phone.blur(function() {
			if(!phone.test($phone.val())) {
				$(".tip").text("*您输入的手机号码不正确");
					setTimeout(function(){
						$(".tip").text("");
					},3000);
				btn_submit();
			} else {
				btn_submit();
			}
		});
		var btn_submit = function() {
			if($("#fullName").val() != "" && $("#name").val() != "" &&	$("#email").val() != "" && /^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/.test($("#email").val())&& $("#phone").val() != "" && /^1((3|5|7|8))\d{9}$/.test($("#phone").val())) {
				$(".submit").removeClass("disabled").removeAttr("disabled");
			}else{
				$(".submit").addClass("disabled").attr("disabled", "")
			}
		}
		//表单提交
			$("#form").submit(function() {
                if(!$("#checkbox").prop("checked")){
                    $(".tip").text("请勾选同意条款");
                    setTimeout(function(){
                        $(".tip").text("");
                    },3000);
                    return false;
                }
				$(this).ajaxSubmit({
                    type:"post",
                    url:"register",
                    data:{
                        qr:$("#vertifyCode").val()
					},
					success: function(data) {
                        if(!data.success){
//                            alert("您输入的验证码有误")
//                            $(".tip").text("*提交失败");
                            $(".tip").text("*您输入的验证码有误");
                            $("#code").val("");
                        }else {
                            location.href = "operSuccess"
                        }
					},
					error: function() {
						setTimeout(function() {
							$(".tip").text("*提交失败");
						}, 1000);
					}
				});
				return false; //阻止表单默认提交
			})
	</script>
</html>


























